Adding Animate.css and wow.js to Callisto
-
-
- Seniha Meliha
- Elite Rocketeer
- Posts: 815
- Thanks: 5
-
Hello,
Very nice, helpful.
Hope more G5 extension tutorials will follow.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Thanks
- we'll do our best - if we see a common question asked we'll try and write additional tutorial here to help every one out. Mean while Ryan is working very hard on G5 documentation to make it even better than it already is.
Regards, Mark. -
The following users have thanked you: neuclix
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Jean-Pierre d'Argent
- Jr. Rocketeer
- Posts: 21
- Thanks: 0
-
Marc,
Thanks for your explanations, I customized them to a pingdom script,
for a service they call RUM - Real User Monitoring ... and it perfectly works.
So may be should you extend the scope of this post to "CCS & JS Atom - quick tutorial - a Wow library exemple"
Jean-Pierre d'Argent - Jean-Pierre d'Argent
This email address is being protected from spambots. You need JavaScript enabled to view it.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Jean-Pierre d'Argent - yes the method can equally be applied to other JS and CSS too. But I think it's best to keep this tutorial to one practical example of what members are asking for. We'll keep the tutorials coming though - thanks for your comments.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Udruga Animi
- Sr. Rocketeer
- Posts: 109
- Thanks: 0
-
Hi
In custom HTML particle I can simply write a div like this:and animation will occur after 2 seconds.<div class="wow slideInLeft" data-wow-delay="5s"></div>
Question is, how would you apply a delay of x seconds to "Advanced features" particle you used as example, or any other particle? - Last Edit: 8 years 9 months ago by Udruga Animi.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Udruga Animi - if you want to use those classes on the particle (as a whole) then you enter them on the particle settings page (the block tab). That is also where you can specify any tag attributes such as "data-wow-delay". You cannot do this by item with the infolist particle though unless you are prepare to create an inforlist particle override and change the yaml and twig code.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Gerhard Wentzel
- Newbie
- Posts: 13
- Thanks: 0
-
Hello,
thank you for this fantastic tutorial.
I tried this to get the animation for the title and descrition in the slideshow of Ambrosia. I made all the steps above, and added this into the title of the first item of the slideshow:
<div class="wow bounceInUp"><span class="hl">Herzlich Willkommen</span></div>
But the animation don't works. Do you have an idea, what is wrong?
Site is s522461780.online.de/
Thx for your help.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Gerhard Wentzel - your site is offline so I can't check.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Gerhard Wentzel
- Newbie
- Posts: 13
- Thanks: 0
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
So having checked your site there is no wow.js being loaded at all - Please would you post your URL, superuser id and pswd in the secure tab of your post and i'll have a look for you. Also, Please post your FTP logon, password and FTP URL in the secure area of your post.
.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.066 seconds